{template "ushop","header"}
<link type="text/css" rel="stylesheet" href="{CSS_PATH}ushop/category.css">
<div class="w main">
  <div class="left">
    <div class="m" id="sortlist">
      <div class="mt">
        <h2>{$catname}分类</h2>
      </div>
      <div class="mc">
        <div class="item">
          <ul>
            {pc:ushop action="category" catid="$catid" order="listorder ASC" num="50"}
            {loop $data $r}
            <li><a href="{$r[url]}" >{$r[catname]}</a></li>
            {/loop}
            {/pc}
          </ul>
        </div>
        {pc:ushop action="category" catid="$CATEGORYS[$catid][parentid]" order="listorder ASC" num="20"}
        {loop $data $r}
        {if $r[catid]!=$catid}
        {if $r[catid]!=40}
        <div class="item">
          <h3><span>·&nbsp;&nbsp;</span><a href="{$r[url]}">{$r[catname]}</a></h3>
        </div>
        {/if}
        {/if}
        {/loop}
        {/pc} </div>
    </div>
    <!--sortlist end-->
    <div class="m rank">
      <div class="mt">
        <h2>最新降价商品</h2>
      </div>
      <div class="mc"> 
      {pc:content action="position" posid="2" num="10" order="listorder DESC"}
        <ul>
          {loop $data $r}
          <li class="fore"> <span>{$n}</span>
            <div class="p-img"><a href="{$r[url]}" target="_blank"><img src="{thumb($r[thumb],50,50)}" width="50" height="50" alt="暂无图片"></a></div>
            <div class="p-name"><a href="{$r[url]}" target="_blank">{$r[title]}<font color="#ff6600"></font></a></div>
            <div class="p-price">ushop价：<strong>￥999.00</strong></div>
          </li>
          {/loop}
        </ul>
        {/pc} 
      </div>
    </div>
    <!--rank end-->
    <div class="m" id="comment"></div>
    <!--comment end-->
    <div id="adtips_left_13">
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/211_90_zUSnqi.jpg"  alt=""></a></div>
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/211_90_EFmXeg.jpg"  alt=""></a></div>
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/211_90_LcbUtb.gif"  alt=""></a></div>
    </div>
    <!--左下广告位-->
  </div>
  <!--left end-->
  <script src="{JS_PATH}ushop/jquery.KinSlideshow-1.1.js" type="text/javascript"></script>
  <script type="text/javascript">
   $(function(){
      $("#KinSlideshow_cate").KinSlideshow({
              moveStyle:"down",
              intervalTime:4,
              isHasTitleFont:false,
              isHasTitleBar:false,
              mouseEvent:"mouseover",
              btn:{btn_bgColor:"#FFFFFF",btn_bgHoverColor:"#FF0000",
              btn_fontColor:"#D00000",btn_fontHoverColor:"#FFFFFF",btn_fontFamily:"Verdana",
              btn_borderColor:"#D00000",btn_borderHoverColor:"#FF0000",
              btn_borderWidth:1,btn_bgAlpha:1}
      });
   })
  </script>
  <div class="middle">
    <div class="m" style="margin-top:2px;">
      <div id="KinSlideshow_cate" style="visibility:hidden;"> {pc:content  action="position" posid="1"  order="listorder DESC" thumb="1" num="6"}
        {loop $data $r} 
        <a href="{$r[url]}" target="_blank"><img src="{thumb($r[thumb],766,240)}" width="766" height="240"></a> 
        {/loop}
        {/pc} 
      </div>
     <div> 
  </div>
 </div>
    <!--slide end-->
    <!--焦点图-->
    <div class="m" id="bargain" >
      <div class="mt">
        <h2>电脑配件今日推荐</h2>
        <div class="extra"></div>
      </div>
      <div class="mc">
				<div class="control" id="bargain-left"></div>
				<div class="control" id="bargain-right"></div>
				<div id="bargain-list">
					<ul class="list-h">
                    {pc:content action="position" posid="2" num="10" order="listorder DESC"}
                    {loop $data $r}
                        <li>
                            <div class="p-img"><a target="_blank" href='{$r[url]}'><img src='{thumb($r[thumb],100,100)}' width="100" height="100" /></a></div>
                            <div class="p-name"><a target="_blank" title='{$r[title]}' href='{$r[url]}'>{$r[title]}<font color="#ff6600" >逢九绝杀，直降340元！声音小，外观好！nanoe水离子 对孩子对家人更爱护！用了之后，空气变好了！</font></a></div>
                            <div  class="p-price">京东价：<strong style=" font-size:14px; font-weight:bold; color:#F00;">￥1688.00</strong></div>
                        </li>
                    {/loop}
                    {/pc}
					</ul>
				</div>
			</div>
            <script type="text/javascript">
		$(function(){
			$("#bargain-list").jdMarquee({
				deriction:"left",
				width:(screen.width>=1280)?660:440,
				height:200,
				step:1,
				speed:4,
				delay:10, 
				control:true,
				_front:"#bargain-right",
				_back:"#bargain-left"
			});
		})
		</script>
		<script type="text/javascript" src="{JS_PATH}ushop/jd.lib.js"></script>
    </div>
    <script type="text/javascript">
		$(document).ready(function(){
			$("#tab_xp_1").mouseover(function(){
				$("#tab_xp_1").addClass("curr");
				$("#tab_xp_2").removeClass("curr");
				$("#tab_xp_1_c").removeClass("hide");
				$("#tab_xp_2_c").addClass("hide");
			})	
			$("#tab_xp_2").mouseover(function(){
				$("#tab_xp_2").addClass("curr");
				$("#tab_xp_1").removeClass("curr");
				$("#tab_xp_1_c").addClass("hide");
				$("#tab_xp_2_c").removeClass("hide");
			})
		})
	</script>
    <!--bargain  end-->
    <div class="m plist" id="newpros">
      <div class="mt">
        <h2>新品到货</h2>
        <div class="extra">
          <ul class="tab">
            <li id="tab_xp_1" class="">1</li>
            <li id="tab_xp_2" class="curr">2</li>
          </ul>
        </div>
      </div>
      <div class="mc list-h">
        <ul id="tab_xp_1_c" class="tabcon" >
          {pc:ushop action="lists" new="1" num="6" catid="$catid" order="listorder DESC"}
          {loop $data $r}
          {if $n<4}
          <li>
            <div class="p-img"><a target="_blank" href="{$r[url]}"><img src="{$r[thumb]}" width="100" height="100" ></a></div>
            <div class="p-name"><a target="_blank"  href="{$r[url]}">{$r[title]}<font color="#ff6600"></font></a></div>
            <div class="p-price">ushop价：<strong style=" font-size:14px; font-weight:bold; color:#F00;">￥{$r[price]}</strong></div>
          </li>
          {/if}
          {/loop}
        </ul>
        <ul id="tab_xp_2_c" class="tabcon" >
          {loop $data $r}
          {if $n>3}
          <li>
            <div class="p-img"><a target="_blank" href="{$r[url]}"><img src="{thumb($r[thumb],100,100)}" width="100" height="100" ></a></div>
            <div class="p-name"><a target="_blank"  href="{$r[url]}">{$r[title]}<font color="#ff6600"></font></a></div>
            <div class="p-price">ushop价：<strong style=" font-size:14px; font-weight:bold; color:#F00;">￥6888.00</strong></div>
          </li>
          {/if}
          {/loop}
        </ul>
        {/pc} </div>
    </div>
    <!--newpros  end-->
    <div class="m plist" id="plist">
      <div class="mt">
        <h2>特价商品</h2>
        <div class="extra"></div>
      </div>
      <div class="mc list-h" id="ProductSpecial" rfid="1525"> {pc:ushop action="lists" best="1" num="6" catid="$catid" order="listorder DESC"}
        <ul>
          {loop $data $r}
          <li>
            <div class="p-img"><a target="_blank" href="{$r[url]}"><img src="{thumb($r[thumb],100,100)}" width="100" height="100" alt=""></a></div>
            <div class="p-name"><a target="_blank" href="{$r[url]}">{$r[title]}<font color="#ff6600">惊爆价~优惠套装/20京劵(2选1)！超耐久4代！一线大厂性价比之王！</font></a></div>
            <div class="p-price">ushop价：<strong style=" font-size:14px; font-weight:bold; color:#F00;">￥6888.00</strong></div>
            <div class="extra"> <span class="evaluate"> <a target="_blank" href="{$r[url]}">已有<span>8</span>人评论</a> </span> <span> <a class="pt3" style="cursor:pointer;" target="{$r[url]}">返券</a><a class="pt1" style="cursor:pointer;" target="_blank">直降</a> </span> </div>
          </li>
          {/loop}
        </ul>
        {/pc} </div>
    </div>
    <!--plist  end-->
    <div class="m plist hide" id="hotpros">
      <div class="mt">
        <h2>热销商品</h2>
        <div class="extra"></div>
      </div>
      <div class="mc list-h">
        <ul>
        </ul>
      </div>
    </div>
    <!--plist  end-->
    <div class="m plist" id="brand">
      <div class="mt">
        <h2>推荐品牌</h2>
        <div class="extra"></div>
      </div>
      <div class="mc">
        <!--中底广告位-->
        {pc:ushop action="lists" hot="1" num="28" catid="$catid" order="listorder DESC"}
        <ul>
          {loop $data $r}
          <li> <a href="{$r[url]}" target="_blank"><img src="{thumb($r[thumb],100,100)}" width="88" height="31"></a> </li>
          {/loop}
        </ul>
        {/pc} </div>
    </div>
    <!--brand  end-->
  </div>
  <!--middle end-->
  <div class="right">
    <div id="report" class="m">
      <div class="mt">
        <h2>促销信息</h2>
      </div>
      <div class="mc">
        <ul>
          {pc:content action="position" posid="2" num="8" order="listorder DESC"}
          {loop $data $r}
          <li>·<a target="_blank" title='{$r[title]}' href='{$r[url]}'>{str_cut($r[title],"50","..")}</a></li>
          {/loop}
          {/pc}
        </ul>
      </div>
    </div>
    <div class="m" id="limitbuy" >
      <div class="mt">
        <h2>限时抢购</h2>
      </div>
      <div class="mc" id="ProductLimitBuy" rfid="1529">
        <ul>
          {pc:content action="position" posid="2" num="2" order="listorder DESC"}
          
          {loop $data $r}
          <li>
            <div class="p-img"> <a target="_blank" href="{$r[url]}"><img src="{$r[thumb]}" width="100" height="100" alt="" ></a> </div>
            <div class="p-name"><a target="_blank" href="{$r[url]}">{$r[title]}<font color="#ff6600">猛“降”出场，HOLD住价格极限！购买优惠套装，内存0元！</font></a></div>
            <div class="p-price">抢购价：<strong style=" font-size:14px; font-weight:bold; color:#F00;">￥6888.00</strong>6.8折</div>
          </li>
          {/loop}
          {/pc}
        </ul>
      </div>
      <div class="mb"></div>
    </div>
    <!--limitbuy end -->
    <div id="adtips_right_12">
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/250_74_AUjlUr.gif" app="image:poster" alt=""></a></div>
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/211_90_ydPGZv.jpg" app="image:poster" alt="幻影内存"></a></div>
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/211_90_QbCHBp.jpg" app="image:poster" alt=""></a></div>
      <div class="m da211x90"><a href="" target="_blank"><img width="211" height="90" src="{IMG_PATH}ushop/img/211_90_tWFCmN.jpg" app="image:poster" alt=""></a></div>
    </div>
    <!--右中广告位-->
    <div class="rank m" id="rank-1">
      <div class="mt">
        <h2>好评佳品排行榜</h2>
      </div>
      <div class="mc" id="ProductGoodRank" rfid="1527">
        <ul class="tabcon">
          {pc:content action="position" posid="2" num="3" order="listorder DESC"}
          {loop $data $r}
          <li class="fore"> <span>{$n}</span>
            <div class="p-img"><a target="_blank" href=""><img src="{$r[thumb]}" width="50" height="50" alt="暂无图片" ></a></div>
            <div class="p-name"><a target="_blank" title="" href="">{$r[title]}<font color="#ff6600">全网最低价！购优惠套装，内存0元！</font></a></div>
            <div class="p-price"><strong style=" font-size:14px; font-weight:bold; color:#F00;">￥6888.00</strong></div>
            <div class="clr"></div>
            <div class="evaluate"><a target="_blank" href="">已有<span id="pl184066">23726</span>人评论</a></div>
          </li>
          {/loop}
          {/pc}
        </ul>
      </div>
    </div>
    <!--rank end-->
  </div>
  <!--right end-->
  <span class="clr"></span> </div>
<!--main end-->
{template "ushop","footer"}